﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="FormDesigner.aspx.cs" Inherits="ZX.Web.UI.Controls.BasePage" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title></title>
    <link rel="stylesheet" href="/ExtendPage/template/matrix-1/css/bootstrap.min.css" />
    <link rel="stylesheet" href="/ExtendPage/template/matrix-1/css/bootstrap-responsive.min.css" />
    <link rel="stylesheet" href="/ExtendPage/template/matrix-1/css/fullcalendar.css" />
    <link rel="stylesheet" href="/ExtendPage/template/matrix-1/css/matrix-style.css" />
    <link rel="stylesheet" href="/ExtendPage/template/matrix-1/css/matrix-media.css" />
    <link rel="stylesheet" href="/ExtendPage/template/matrix-1/font-awesome/css/font-awesome.css" />
    <style type="text/css">
        .tab-pane .tab_contents
        {
            height: 700px;
            overflow: auto;
            margin: 0px;
        }
        
        #directionContainer ul{
            margin:0px;
            padding: 0px 0px 0px 20px;
        }
        .tab-pane .tab_contents .main{
            width:1024px;
        }
        .tab-pane .tab_contents .left{
            width:200px;
            height: 50px;
            float:left;
            margin-right:4px;
        }
        .tab-pane .tab_contents .right{
            width:800px;
        }
         #directionWrapper{
            padding:15px 7px;
            width:200px;
            border:1px solid #CCC;
         }
        
        #directionContainer
        {  
           height:600px;
           overflow:auto;
        }
        .directionTitle{
            font-weight: bold;
            width:200px;
            font-size: 14px;
            padding-bottom:3px;
            border-bottom: 1px dashed #ccc;
        }
        .sectionItem{
            height:20px;
            padding: 4px;
        }
        .sectionItem span{
            *zoom:1;
            display:inline-block;
        }
        .itemTitle{
            _float:left;
        }
        .tab-pane .tab_contents .selectIcon, .tab-pane .tab_contents .deleteIcon, .tab-pane .tab_contents .moveUp, .tab-pane .tab_contents .moveDown{
            float:right;
            color:red;
            font-size:0px;
            line-height: 20px;
            height:20px;
            text-align: center;
            cursor: pointer;
        }
         .tab-pane .tab_contents .selectIcon, .tab-pane .tab_contents .moveUp,  .tab-pane .tab_contents .moveDown{
            width:14px;
            font-size:10px;
        }
        .tab-pane .tab_contents  .selectIcon:hover, .tab-pane .tab_contents .moveUp:hover, .tab-pane .tab_contents .moveDown:hover{
            text-decoration: underline;
        }
       .deleteIcon{
            width:20px;
            margin-left:3px;
            background: url(../themes/default/images/icons-all.gif) 0 -89px;
        }
        .tab-pane .tab_contents  .fixTop{
            position: fixed;
            top: -1px;
        }
    </style>
    <script src="/ExtendPage/template/matrix-1/js/jquery.min.js"  type="text/javascript"></script>
</head>
<body>
    <form id="form1" runat="server">
    <div class="widget-box">
                        <div class="tab_contents">
                    <table class="table table-bordered table-striped">
                        <thead>
                            <tr>
                                <th >
                                    标题
                                </th>
                                <th>
                                    值
                                </th>
                                <th>
                                    &nbsp;</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td class="style2">
                                    <span class="label">角色名称</span>
                                </td>
                                <td class="style1">
                                    <input type="text" placeholder="角色名称" id="RoleName" name="RoleName"/>
                                </td>
                                <td>
                                    &nbsp;</td>
                            </tr>
                            <tr>
                                <td class="style2">
                                    <span class="label">编码</span>
                                </td>
                                <td class="style1">
                                    <input type="text" placeholder="编码" name="Code" id="Code"/>
                                </td>
                                <td>
                                    &nbsp;</td>
                            </tr>
                            <tr>
                                <td class="style2">
                                    <span class="label label-warning">备注说明</span>
                                </td>
                                <td class="style1">
                                   <textarea placeholder="备注说明" cols="80" rows="4" name="Remark" id="Remark"></textarea>
                                </td>
                                <td>
                                    &nbsp;</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
        <div class="widget-title">
            <ul class="nav nav-tabs">
                <li class="active"><a data-toggle="tab" href="#tab1">对应岗位</a></li>
                <li><a data-toggle="tab" href="#tab2">对应用户</a></li>
            </ul>
        </div>
        <div class="widget-content tab-content">
            <div id="tab1" class="tab-pane active">
                <div class="tab_contents">
       
                </div>
            </div>
            <div id="tab2" class="tab-pane">
                <div class="tab_contents">
                </div>
            </div>
        </div>
    </div>
    </form>
    <script src="/ExtendPage/template/matrix-1/js/bootstrap.min.js" type="text/javascript"></script>
    <script src="/ExtendPage/template/matrix-1/js/jquery.ui.custom.js" type="text/javascript"> </script>
    <script src="/ExtendPage/template/matrix-1/js/matrix.js" type="text/javascript"></script>
    <script src="/Scripts/Jquery.form.js" type="text/javascript"></script>
    <script src="/Scripts/jquery.action.js" type="text/javascript"></script>
    <script src="/Scripts/jquery.data.js" type="text/javascript"></script>
    <script type="text/javascript" src="/Scripts/yui_2.9.0/build/yahoo-dom-event/yahoo-dom-event.js"></script>
    <script type="text/javascript" src="/Scripts/yui_2.9.0/build/json/json-min.js"></script>
    <script type="text/javascript" src="/Scripts/yui_2.9.0/build/connection/connection-min.js"></script>
</body>
</html>
